---
title: Button Groups
description: Discover responsive button group components built with Tailwind CSS v4. These customizable UI elements are perfect for web applications, dashboards, and admin panels, supporting action buttons, icon buttons, tabbed navigation, and toggle controls. Optimized for accessibility, SEO, and mobile usability.
emoji: 👆
wrapper: h-[200px]
container: p-6 flex justify-center
terms:
  - button
  - group
  - action
components:
  - { title: 'Base', dark: true }
  - { title: 'Icons', dark: true }
  - { title: 'Main and secondary', dark: true }
---

# Button Group Components

<p>{frontmatter.description}</p>

<CollectionList componentsData={componentsData} />
